<#assign resources="${rc.contextPath}/resources">
<#assign path="${rc.contextPath}">
<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta charset="UTF-8">
    <title>淘惠帮</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link href="${resources}/plugins/fontAwesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="${resources}/plugins/swiper/3.3.1/swiper.min.css" rel="stylesheet" type="text/css">
    <link href="${resources}/css/common.css" rel="stylesheet" type="text/css">
    <link href="${resources}/css/bankHome.css" rel="stylesheet" type="text/css">
     <#include "setwxshare.ftl"/>
</head>


<body>


<div id="container">
    <div class="commonHeader">银行之家
        <a href="javascript:history.go(-1)" class="fa fa-chevron-left back"></a>
    </div>
    
   <div class="wrapper">
 	 	<!-- 头部 -->
        <div class="header">
            <!--轮播图-->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                	<#list ads as ad>
				        <div class="swiper-slide">
				        	<a href="${ad.linkurl}"><img src="${ad.picurl}"></a>
						</div>
				       
					</#list>
                    
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div><!-- header End -->
    <div class="content">
        
        <div class="conTop">
            <div class="contentLeft">
                <a href="${path}/branch/query">
                    <div class="imgBox">
                        <img src="${resources}/images/6_05.png">
                    </div>
                    <h3>网点查阅</h3>
                </a>
            </div>
            <div class="contentRight">
                <ul>
 					<#list articleCategories as categorie>
							<#if categorie_index == 0  || categorie_index == 1>
								  <li><a href="${path}/article/articlelist/${categorie.id}"><span>${categorie.name}</span><div class="imgBox"><img src="${categorie.picurl}"></div></a></li>
						 	</#if>
              		</#list>
                </ul>
            </div>
        </div>
        
        <div class="conBottom">
            <div class="contentLeft">
                <ul>
               		 <#list articleCategories as categorie>
							<#if categorie_index == 2  || categorie_index == 3>
								  <li><a href="${path}/article/articlelist/${categorie.id}"><span>${categorie.name}</span><div class="imgBox"><img src="${categorie.picurl}"></div></a></li>
						 	</#if>
              		</#list>
                </ul>
            </div>
            <div class="contentRight">
              <#list articleCategories as categorie>
				<#if categorie_index == 4>
	                <a href="${path}/article/articlelist/${categorie.id}">
	                    <div class="imgBox">
							<img src="${categorie.picurl}"> 
	                    </div>
	                    <h3>常见问题</h3>
	                </a>
    	 	 	</#if>
      		</#list>
            </div>
        </div>
        
    </div>

    <!--详情开始-->
    <div class="detail">
        <ul>
        	<#list articles as article>
	            <li>
	                <a href="${path}/article/articleinfo/${article.id}">
	                    <div class="detailsImg">
	                        <img src="${article.picurl}">
	                    </div>
	                    <h3>${article.title}</h3>
	                <!--     <p>截止2月16日，成交较活跃的永续A基金中，隐收益率位居前列的基金有</p>
	                   <div class="num"><span class="eye fa fa-eye"><span class="price">1250</span></span></div> -->
	                </a>
	            </li>
            </#list>
        </ul><!--详情结束-->
    </div>
  </div>
    </div>
    <!-- wrapper end -->
    
     <!-- 导航栏 -->
    <ul class="homeButton">
        <li>
            <a href="javascript:void (0)" onclick="index()" class="home">
                <img src="${resources}/images/1_10_33.png" alt="">
            </a>
        </li>
        <li>
            <a href="${path}/article/index" class="bank">
                <img src="${resources}/images/1_9_24.png" alt="">
            </a>
        </li>
        <li>
            <a href="${path}/bbs" class="local">
                <img src="${resources}/images/1_10_26.png" alt="">
            </a>
        </li>
        <li>
            <a href="${path}/manage/commodityCart/cartShow?marketId=3" class="local">
                <img src="${resources}/images/1_10_28.png" alt="">
            </a>
        </li>
        <li>
            <a href="${path}/manage/member" class="personalCenter">
                <img src="${resources}/images/1_10_30.png" alt="">
            </a>
        </li>
    </ul>
    
</div>
</body>

<script src="${resources}/plugins/jquery/2.2.2/jquery.min.js"></script>
<script src="${resources}/plugins/swiper/swiper-3.3.1.jquery.min.js"></script>
<script src="${resources}/js/iscroll-probe.js"></script>
<script src="${resources}/js/common.js"></script>


<script>

    /*配置轮播图*/
    var mySwiper = new Swiper('.swiper-container', {
        loop: true,
        pagination: '.swiper-pagination',
        autoplay: 2840,
        autoplayDisableOnInteraction: false
    });
    function index(){
    	window.location.href="${path}/index";
    }
    
</script>

</html>
 

 
